*{margin:0;padding:0;}
.swiper-container2{
	overflow:hidden;
}
body{
	background:#aaa;
	font-family: -apple-system,PingFang SC,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
.search button{
	background:#333;
}
.w100{
	width:100%;
}
.bgr{
	background:#aaa;
}
.bgy{
	background:#333;
}
.header{
	width:1100px;
	margin:0 auto;
}
.logo{
	color:#333;
	float:left;
	line-height:80px;
}
.search{
	width:500px;
	float:right;
}
.clear{
	clear:both;
}
.search input{
	background-color:#fafafa;
	width:430px;
	height:40px;
	margin-top:20px;
	border:2px solid #333;
	box-sizing:border-box;
	padding-left:15px;
	border-radius:10px 0px 0px 10px;
	float:left;
	outline:none;
	font-size:16px;
}
.search button{
	float:right;
	background-color:#333;
	outline:none;
	width:70px;
	height:40px;
	margin-top:20px;
	border:2px solid #333;
	box-sizing:border-box;
	border-radius:0px 10px 10px 0px;
	font-size:18px;
	color:#fff;
	font-weight:600;
}
.nav{
	width:1100px;
	height:35px;
	margin:0 auto;
}
.nav a{
	display:inline-block;
	line-height:35px;
	height:35px;
	color:#fff;
	text-decoration:none;
	padding:0 20px;
}
.nav a:hover{
	background:orange;
}
.banner{
	margin:0 auto;
	margin-top:10px;
	width:1100px;
	height:350px;
}
.banner .swiper-container{
	width:800px;
	height:350px;
	background:#eee;
	float:left;
	border-radius:5px;
}
.banner .swiper-container img{
	width:100%;
	height:100%;
}
.swiper-pagination-bullet{
	background:#fff;
	width:20px;
	border-radius:5px;
	opacity:1;
}
.swiper-pagination-bullet-active{
	background:#333;
	opacity:1;
}
.banner_right_top{
	width:100%;
	text-align:center;
	line-height:35px;
	background:#333;
	color:#fff;
	border-radius:5px 5px 0 0;
}
.banner_right{
	width:290px;
	box-sizing:border-box;
	height:350px;
	background:#eee;
	float:right;
	border-radius:5px;
	overflow:hidden;
}
.banner_right ul li{
	width:90%;
	margin:0 5%;
	list-style:square;
	list-style-position:inside;
	line-height:35px;
	height:35px;
	color:#333;
	border-bottom:1px dashed #333;
	box-sizing:border-box;
}
.banner_right ul li:last-child{
	border-bottom:0px dashed #333;
}
.banner ul li a{
	color:#000;
	text-decoration:none;
	font-size:15px;
}
.banner ul li a:hover{
	color:#333;
	text-decoration:none;
	font-size:15px;
}
.main{
	width:1100px;
	margin:0 auto;
	margin-top:20px;
	background:#eee;
	overflow:hidden;
}
.main_top{
	width:1100px;
	height:50px;
	background-color:#333;
}
.main_top select{
	width:120px;
	height:30px;
	margin:10px;
}
.clear{
	clear:both;
}
.pro{
	width:98%;
	background:#ccc;
	margin:1%;
	font-size:14px;
}
.pro img{
	width:100%;
	display:block;
	height:auto;
	border-top:1px solid #666;
}
.pro div .tit{
	height:60px;
	padding:0 5px;
	overflow: hidden;
	white-space: pre-wrap;
	word-wrap: break-word;
	display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.pro:hover{
	border-color:#333;
}
.pro:hover .tit,.pro:active .tit{
	color:#333;
}
.price{
	color:orange;
	padding:0 5px;
}
.num{
	float:right;
	padding:0 5px;
	color:#888
}
.pro div p{
	height:25px;
}
.copyright{
	width:100%;
	height:50px;
	padding:20px 0px;
	background:#333;
	margin-top:50px;
	text-align:center;
}
.copyright A,.copyright p{
	color:#aaa;
	text-decoration:none;
}
.jumpbox{
	display:inline-block;
	text-align:center;
}
select{
	border-color:#333
}
.bignon{
	display:block;
}
.tabbar{
	width:100vw;
	height:50px;
	padding-top:5px;
	background:rgba(33,33,33,0.8);
	color:#fff;
	position:fixed;
	z-index:333333;
	bottom:0px;
	font-size:13px;
	display:none;
	flex-direction:row;
}
.tabbox{
	flex-grow:1;
	text-align:center;
}
.tabbox a{
	text-decoration:none;
	color:#fff;
}
.icon{
	height:24px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
}
.icon1{
	background-image:url(../img/h.png)
}
.icon2{
	background-image:url(../img/q.png)
}
.icon3{
	background-image:url(../img/s.png)
}
.icon4{
	background-image:url(../img/t.png)
}
.q_tit{
	width:80%;
	margin:10px 10%;
	color:#333;
	font-size:18px;
	text-align:left;
	line-height:40px;
	border-left:5px solid #333;
	box-sizing:border-box;
	padding-left:15px;
	background:#eee;
	margin-top:30px;
} 
.q_tit2{
	width:92%;
	margin:10px 4%;
	clear:both;
	background:#fff;
}
.list{
	width:80%;
	margin:0 10%;
}
.list li{
	line-height:49px;
	border-bottom:1px dashed #ccc;
	list-style:none;
	text-indent:15px;
}
.top{
	color:#fff;
	background:#333;
	font-size:12px;
	padding:1px 5px;
	margin-left:5px;
	font-size:12px;
	border-radius:5px;
}
.bigimg{
	width:100%;
	height:auto;
	border-radius:5px;
	float:left;
}
.bigimg .swiper-slide{
	background:#aaa;
}
.bigimg img{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}
.table{
	width:400px;
	height:700px;
	float:left;
	background:#fff;
}
.hang{
	width:96%;
	margin:5px 2%;
	background:#Fff;
	overflow:hidden;
}
.hang p{
	text-indent:5px;
	margin-bottom:5px;
	font-size:15px;
}
.w50{
	width:46%;
	margin:0 2%;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	float:left;
	background:#eee;
	border-radius:10px;
	overflow:hidden;
}
.w101,.w102{
	width:96%;
	margin:0 2%;
	height:60px;
	line-height:30px;
	box-sizing:border-box;
	background:#eee;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
}
.w102{
	height:30px;
	margin-bottom:5px;
}
.w50 span,
.w101 span,
.w102 span{
	text-align:center;
	display:block;
	font-size:14px;
	float:left;
}
.names{
	width:35%;
	background:#333;
	color:#fff;
}
.values{
	width:65%;
}
.w101 span{
	width:100%;
}
.w101 .names{
	border-radius:10px 0 0 0;
}
.w102 .names{
	cursor:pointer;
}
.w102 input{
	width:80%;
}
.hang .tip{
	width:96%;
	margin:0 2%;
	height:14px;
	line-height:14px;
	font-size:12px;
}
.red{
	color:#c00;
}
h2.red{
	border-left:5px solid #f00;
}
.green{
	color:#0c0;
}
.showjump{
	width:80px;
	height:30px;
	background:#fff;
	float:right;
	margin-top:10px;
	margin-right:15px;
	text-align:center;
	line-height:30px;
	color:#333;
	font-size:14px;
	border-radius:5px;
	cursor:pointer;
}
.showjump:active{
	background:#eee;
}
.jumpbox{
	display:inline-block;
	position:fixed;
	top:0px;
	width:80vw;
	margin:0 10vw;
	height:calc(100vh);
	background-color:#666;
	z-index:333333;
	right:-100vw;
	color:#fff;
	overflow-y:auto;
}
.jumpbox .item1{
	padding:0 15px;
	text-align:left;
	box-sizing:border-box;
}
.jumpbox .item1 b{
	display:block;
	line-height:30px;
}
.jumpbox .item1 label{
	display:inline-block;
}
.jumpbox button{
	width:80px;
	height:25px;
	background:#333;
	color:#fff;
	border:0;
	border-radius:5px;
	margin:5px;
}
@media (max-width:768px) { 
	div,input,button{
		box-sizing:border-box;
	}
	.bignon{
		display:block;
	}
	.copyright{
		opacity:0;
		margin:0px;
	}
	.tabbar{
		display:flex;
	}
	.btit{
		display:block;
		border-bottom:1px solid #fff;
		color:#fff;
		width:100%;
		line-height:30px;
	}
	.non{
		display:none;
	}
	.header{
		width:100vw;
	}
	.logo{
		color:#fff;
		float:left;
	}
	.logo h1{
		font-size:18px;
		padding:0 1vw;
		width:100vw;
		background:#333;
		line-height:38px;
		height:38px;
		box-sizing:border-box;
	}
	.search{
		width:95vw;
		margin:0 2.5vw;
		padding:10px 0px;
		float:left;
	}
	.search input{
		margin-top:0px;
	}
	.search input{
		width:78vw;
		float:left;
	}
	.search button{
		width:17vw;
		float:left;
		margin-top:0px;
	}
	.banner{
		width:96vw;
		margin:10px 2vw;
		height: 41vw;
	}
	.banner .swiper-container {
		width:100%;
		height: 41vw;
		background: #eee;
		float: left;
		border-radius: 5px;
	}
	.main{
		width:100vw;
		margin:0px;
	}
	.main_top{
		height:40px;
	}
	.main_top >select{
		margin-top:5px;
	}
	.main_top .showjump{
		margin-top:5px;
	}
	.main_top,.main_cont{
		width:100%;
	}
	.jumpbox{
		display:inline-block;
		position:fixed;
		top:0px;
		width:100vw;
		height:calc(100vh - 50px);
		background-color:#666;
		z-index:333333;
		right:-100vw;
		color:#fff;
		overflow-y:auto;
		margin:0px;
	}
	.jumpbox .item1{
		padding:0 15px;
		text-align:left;
		box-sizing:border-box;
	}
	.jumpbox .item1 b{
		display:block;
		line-height:30px;
	}
	.jumpbox .item1 label{
		display:inline-block;
	}
	.jumpbox button{
		width:80px;
		height:25px;
		background:#333;
		color:#fff;
		border:0;
		border-radius:5px;
		margin:5px;
	}
	.pro{
		width:calc(calc(100vw - 10px));
		margin: 20px 5px;
		height:auto;
	}
	.pro img{
		width:calc(calc(100vw - 10px));
		height:auto;
	}
	.showjump{
		width:80px;
		height:30px;
		background:#fff;
		float:right;
		margin-top:10px;
		margin-right:15px;
		text-align:center;
		line-height:30px;
		color:#333;
		font-size:14px;
		border-radius:5px;
	}
	.showjump:active{
		background:#eee;
	}
	.list{
		width:90%;
		margin:0 5%;
	}
	.q_tit{
		width:90%;
		margin:10px 5%;
	}
	.table{
		width:100vw;
		height:auto;
	}
	.bigimg{
		width:100vw;
		height:100vw;
	}
	.bigimg img{
		max-width:100vw;
		height:100vw;
	}
	.table p{
		font-size:14px;
	}
}
